<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="setbot.css">
</head>

<body>
    <div id="top">
        <div id="copy">添加bot</div>
        <div id="title">
            <nav class="nav">
                <input type="radio" name="nav-item-opt" id="nav-item-opt-1" checked>
                <label class="nav-item" for="nav-item-opt-1" data-target="set">创建</label>

                <input type="radio" name="nav-item-opt" id="nav-item-opt-2">
                <label class="nav-item" for="nav-item-opt-2" data-target="import">导入</label>

                <div class="tracker"></div>
            </nav>
        </div>
        <a href="javascript:closeapp()" class="fa fa-window-close-o" id="icon_container"></a>
        <div id="page">
            <div id="set" class="body_page">
                <form action="javascript:void(0)" onsubmit="javascript:return Press_button('set_bot')" id="set_bot">
                    <div class="content">
                        <ul class="copy">
                            <li class="text_space">名称:</li>
                            <li class="text_space"> 备注: </li>
                            <li class="extra_space"> 使用框架: </li>
                            <li class="extra_space">框架来源:</li>
                        </ul>
                        <ul class="form">
                            <li class="text_space">
                                <input type="text" class="text title" name="title" placeholder="起个名字吧！">
                            </li>
                            <li class="text_space">
                                <input type="text" class="text notes" name="notes" placeholder="留个备注扒！">
                            </li>
                            <li class="extra_space">
                                <div class="radio_body">
                                    <input type="radio" name="bot" id="trss" value="Trss" checked>
                                    <label for="trss" class="radio"> TRSS </label>

                                    <input type="radio" name="bot" id="miao" value="Miao">
                                    <label for="miao" class="radio"> Miao </label>
                                </div>
                            </li>
                            <li class="extra_space">
                                <div class="radio_body">
                                    <input type="radio" name="install" id="gitee" value="gitee" checked>
                                    <label for="gitee" class="radio">
                                        Gitee(推荐)
                                    </label>

                                    <input type="radio" name="install" id="github" value="github">
                                    <label for="github" class="radio">
                                        GitHub
                                    </label>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <button type="submit" class="button">创建</button>
                </form>
            </div>
            <div id="import" class="body_page" style="display: none;">
                <form action="javascript:void(0)" onsubmit="javascript:return Press_button('import_bot')"
                    id="import_bot">
                    <div class="content">
                        <ul class="copy">
                            <li class="text_space">名称:</li>
                            <li class="text_space">备注:</li>
                            <li class="text_space">Redis端口:</li>
                            <li class="text_space_path">导入路径: </li>
                        </ul>
                        <ul class="form">
                            <li class="text_space">
                                <input type="text" class="text title" name="title" placeholder="起个名字吧！">
                            </li>
                            <li class="text_space">
                                <input type="text" class="text notes" name="notes" placeholder="留个备注扒！">
                            </li>
                            <li class="text_space">
                                <input type="text" class="text redis" name="redis" placeholder="请输入Redis端口" >
                            </li>
                            <li class="text_space_path">
                                <input type="text" class="text readonly path" name="path" placeholder="请选择云崽根目录"
                                    readonly>
                                <button type="button" class="path_button" onclick="dialog_path('path')">选择</button>
                            </li>
                        </ul>
                    </div>
                    <button type="submit" class="button">导入</button>
                </form>
            </div>
        </div>
    </div>
    <script src="../../data/code/general.js"></script>
    <script src="setbot.js"></script>
</body>

</html>